import echarts from 'echarts'
export default {
  // title:{
  //     x: 'center',
  //     // y 设置垂直安放位置，默认全图顶端，可选值：'top' ¦ 'bottom' ¦ 'center' ¦ {number}（y坐标，单位px）
  //     y: 30,
  //     padding:10
  //     // itemGap设置主副标题纵向间隔，单位px，默认为10，

  // },
  grid: {
    x: 0,
    y: 50,
    x2: 80,
    y2: 60,
    top: 28,
    bottom: '20%',
    left: 40,
    right: 30,
  },
  // legend: {
  //     padding:10,
  //     x:'center',
  //     y:40
  // },
  xAxis: {
    type: 'category', // 还有其他的type，可以去官网喵两眼哦
    // data: data,   // x轴数据
    name: '位置', // x轴名称
    nameTextStyle: {
      color: '#CFDCFF',
      opacity: 0.85,
      fontWeight: 600,
      fontSize: 10,
    },
    nameGap: 5,
    axisLine: {
      show: false,
    },
    axisLabel: {
      show: true,
      interval: 0,
      rotate: 23,
      textStyle: {
        color: '#5EC9FA', //坐标值得具体的颜色
      },
      fontSize: 10,
    },
    data: [2, 5, 6, 9, 12],
  },
  yAxis: {
    type: 'value',
    // name: '纵轴名称',   // y轴名称
    // y轴名称样式
    name: '车次', // x轴名称
    nameTextStyle: {
      color: '#CFDCFF',
      opacity: 0.85,
      fontWeight: 600,
      fontSize: 10,
    },
    axisLine: {
      show: false,
    },
    axisLabel: {
      textStyle: {
        color: '#5EC9FA', //坐标值得具体的颜色
      },
    },
    splitLine: {
      show: false,
      lineStyle: {
        // 使用深浅的间隔色
        color: ['#000'],
        opacity: 0.2,
      },
    },
    splitArea: {
      show: true,
      areaStyle: {
        color: ['rgba(5,36,102,0.7)', 'rgba(14,47,119,0.7)'],
      },
    },
  },
  barWidth: '30%',
  label: {
    show: true,
  },
  tooltip: {
    trigger: 'axis', // axis   item   none三个值
  },
  series: [
    {
      data: [820, 932, 901, 934, 1300],
      label: {
        show: true,
        position: 'outside',
        color: '#CFDCFF',
      },
      type: 'bar',
      symbolSize: 5,
      // lineStyle:{
      //     color:'#5EC9FA'
      // },
      itemStyle: {
        normal: {
          color: function (params) {
            var colorList = [
              ['#FFB378', '#FF5353'],
              ['#78A5FF', '#8153FF'],
              ['#75F0C2', '#49CCEF'],
              ['#2CC9FF', '#376CDE'],
              ['#E4CA82', '#FFBD53'],
            ]
            var index = params.dataIndex
            if (params.dataIndex >= colorList.length) {
              index = params.dataIndex - colorList.length
            }
            return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
              {
                offset: 0,
                color: colorList[index][0],
              },
              {
                offset: 1,
                color: colorList[index][1],
              },
            ])
          },
          // color: new echarts.graphic.LinearGradient(
          //   0, 0, 0, 1,//渐变色在下面修改，这里是透明度
          //   [{
          //       offset: 0,
          //       color: '#FF5353'
          //     },
          //     {
          //       offset: 1,
          //       color: '#FFB378'
          //     }
          //   ]
          // )
        },
      },
    },
  ],
}
